
<style>
	#page { border-collapse: collapse;}
	body { margin:0; padding:0;  }
	
	.boschacont { background-color: blueviolet; color:white; margin:0px; display: flex; justify-content: center;}
	.boschatxt { width: 777px; padding-bottom:42em;  order: 5;}
	.boschanav { display:flex; width: 70px; height:100vh; display: -webkit-flex; -webkit-align-items: center; order: 1; }
	
	#inav ul {position: fixed; }
	#inav li {vertical-align:middle; list-style: none; margin-left: -40px; margin-top: -60px; margin-bottom: 60px; }
	#inav a { display: inline-bblock;  padding-left: 7px; padding-right: 5px; padding-top: 25px; padding-bottom: 25px; border-right: solid indigo; text-decoration: none; color: indigo; opacity:0.3; transition: all .5s ease-in; }

	#inav li a:hover, a:focus { background-color: yellow; opacity: 1;}
	#inav li a:active { }
	
	header {display: flex; flex-direction: column; border: solid 2px yellow; border-radius: 1em; margin-top: 2em; padding:0.7em; margin-bottom: 3em; }
	img { border-radius: 10px; display: flex; margin: auto; z-index: 2; margin-top: 1em; margin-bottom: 1em; width: 50%; height: 50%; }  
	img.zoom { transition: transform 1.4s; }
	img.zoom:hover { transform: scale(2.0, 2.0); }
	audio { display:flex; border-radius: 10px; width: inherit; margin-top: 1em; margin-bottom: 1em;}
	.header-hr { border-top: solid 2px yellow; margin-bottom: 1em;}
	.headertxtbox {display: box; text-align: center; padding-top: 2em; padding-bottom: 1em;}
	nav {margin-top: 5em; margin-bottom: 5em;}
	#yy { font-weight: normal; margin-left:0; margin-top: 1em; list-style-type:"☯ "; }
	summary {}
	
	
    	a {color: lime; }
    	a:visited {color: yellow; }
		a:hover, a:focus { background-color: #663399; color: white; }  
		a:active { background-color: white; color: blueviolet; } 
		/*Für BT 2208 */
		ul a {color: white; }
    	ul a:visited {color: white; }
		ul a:hover, a:focus { background-color: #663399; color: white; }  
		ul a:active { background-color: white; color: white; } 
		
		
    	/* h1-h3 Hauptüberschriften für den Textkörper */
		h1 { text-align: left; color: yellow; font-weight: bold; margin-top: -0.5em; margin-bottom: 0.2em; -ms-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; padding-bottom: 0.5em; border-bottom: solid 2px yellow;  }
		h2 { text-align: left; color: yellow; font-weight: normal; font-size: 1em; opacity: 0.8; margin-top: 0em; margin-bottom: 0em; -ms-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
		h3 { text-align: left; color: yellow; font-weight: bold; font-size: 1.25em; margin-top: 2em; margin-bottom: 0.5em; }
		/* h4-h6 Nebenüberschriften */
		h4 {text-align: center; color: yellow; font-weight: normal; font-size: 0.75em; margin-top: 0; margin-bottom: 0; } /* Erste Zeile Botschaftsindex */
		h5 {text-align: left; color: yellow; font-weight: normal; font-size: 1em; margin-top: 1.4em; margin-bottom: 0.4em; } /* Überschrift Botschaftsteil innerhalb Botschaftsinhalt */
		h6 {text-align: left; color: yellow; font-weight: bold; font-size: 1em; margin-top: 2em; margin-bottom: 0.5em; } /* Überschrift "Thema"/Text "Unterrangiger Text" */
		
    	/*nav { max-width: 50em; margin-left: auto; margin-right: auto; }*/
    	
		p { margin-top: 0; margin-bottom: 0.5em; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
		/*ul { font-weight: normal; margin-left:0; margin-top: 1em; list-style-type:"☯ "; }*/
		ul.circle { list-style-type: circle; font-weight: normal; color: yellow; }
		li { margin-bottom:0.4em; -ms-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
		hr { color: yellow; background-color: yellow; width: 100%; }
		
		table { margin-top: 2em; margin-bottom: 2em; }
		table, th, td { border: 1px solid silver; border-collapse: collapse; padding: 0.25cm;}
		td { font-size: 0.9em; }
		
		
		details { margin-top: -0.7em; margin-bottom: 0.7em; }
		summary { padding-left: 5em; }
		ol {list-style-type: lower-alpha; /*margin: -1em; padding: 0;*/ }
		.h1-01 {text-align: left; color: yellow; font-weight: bold; font-size: 0.6em; }
		.h1-02 {text-align: left; color: lavender; font-weight: normal; font-size: 0.4em; }
		
		.h1-04 {font-size: 3em; }
		.h5-01 {color: lavender; font-size: 0.7em; }
		.h6-01 { color: white; font-weight: normal; }
		.zen   {text-align: center; }
		.zen1  {text-align: center; font-weight: normal; font-size: 1.5em; margin-top: 1em; margin-bottom: 1em; }
		.zen2  {text-align: center; font-weight: normal; }
		.zen3  {text-align: center; font-weight: bold; }
		.sterne {color: yellow; text-align: center; font-weight: normal; font-size: 1.5em; margin-top: 2em; margin-bottom: 2em; }
		.inhalt {text-align: center; font-weight: bold; font-size: 1.5em; margin-top: 1em; }
		.ulin {text-decoration: underline; }
		.asnr {font-size: 0.7em; font-weight: bold; color: Indigo; /*box-sizing: content-box;*/ padding: 2px; border-style: solid; border-width: 1px; }
		.grtex1 {font-size: 1.3em; }
		.textblau {color: aqua; }
		.textrot {color: orange; }
		.ulbstrich { list-style-type:"- "; }
		.ul-3 { list-style-type:"- "; font-weight: normal; color: aqua; }
		/*.ul-einzug  {padding: 0; margin: 0; }*/
		.ul-einzug li { padding-left: 3.3em; text-indent: -3.3em; margin-bottom: 0.9em; list-style-type: none;}
		.ul-einzug li > *  { padding-left: 0; text-indent: 0; margin-bottom: 0; }
		.ul-normal li { padding-left: 0; text-indent: 0; list-style-type:"☯ ";}
		.ul-normal-2 li { margin-left: 2.5em; padding-left: 0; text-indent: 0; list-style-type: circle; font-size: 0.8em;}
		.zitat1 {text-align: center; font-weight: bold; font-size: 1.2em; line-height: 1.5em; color: aqua; max-width: 30em; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; }
		.ol-normal li { margin-left: 2.5em; padding-left: 0; text-indent: 0; list-style-type: lower-alpha; font-size: 0.8em;}
		.zitat1 {text-align: center; font-weight: bold; font-size: 1.2em; line-height: 1.5em; color: aqua; max-width: 30em; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; }
		.zitat1r {text-align: center; font-weight: bold; font-size: 1.2em; line-height: 1.5em; color: orange; max-width: 30em; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; }
		.zitat2 {font-weight: bold; font-style: italic; color: aqua; }
		.zitatblock1b { font-style: italic;color: aqua; max-width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; }
		.zitatblock2b { font-style: italic; font-weight: bold; color: aqua; max-width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; }
		.zitatblock1r { color: orange; max-width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; }
		.einltext {font-weight: bold; } /* Einleitender Text nach der Überschrift */
		.forts { text-align: center; margin-top: 4em; } /* Mitteilung am Ende einer Botschaft */
    	.box { box-sizing: border-box; padding: 3px; }
    	.taste { border: 1px solid; }
    	.linkfett { font-weight: bold;}
    	/*.container1 { display: flex; flex-direction: column; border: solid; border-radius: 1em; border-color: yellow; margin-top: 2em; margin-bottom: 3em; }*/
    	.container2 { display: flex; flex-direction: column; border: solid; border-radius: 1em; border-color: orangered; margin-top: 3em; margin-bottom: 3em; padding: 2em; background-color: orangered; }
    	.komconti1 { display: flex; flex-direction: column; border: solid; border-bottom-width: 0,1em; <!-- border-radius: 0em; --> border-color: aqua; padding: 1em; margin-top: 2em; margin-bottom: 2em; }
    	
		.zeit-ag {font-size: 0.7em; color: lavender; }
		.detail1 { margin-top: 2em; margin-bottom: 2em; }
		.bottren { margin-top: 4em; margin-bottom: 4em; } /* hr trenner botschaftstextteile */
		.absto1	{ margin-top: 1em; }
		.bild-l { width: 40%;  height: auto; float: left;  margin-right: 20px; }
		.bild-r { width: 40%;  height: auto; float: right;  margin-left: 20px; }
		
    </style>
